{% extends "layout.html" %}
{% block body %}
<body>
    <script type="text/javascript" charset="utf-8">
        $.util.namespace("gl");
        $(function () {
            var current_tab = $('#mainTabs').tabs('getSelected');
            gl.dgGld=current_tab.find(".dg-gld").datagrid({
                //url: 'gld.json?glid={{ glid }}',
                //method: 'get',
                //pagination: true,
                border: false,
                fit: true,
                fitColumns: true,
                //striped: true,
                singleSelect: true,
                //selectOnCheck: false,
                //checkOnCheck: false,
                //sortName: 'bm',
                //sortorder: 'asc',
                //toolbar: '#toolbarUser',
                //pageSize: 20,
                //pageList: [10,20,50],
                //nowarp: true,
                idField: 'id0'

            });


        });
    </script>
    <div class="easyui-layout" data-options="fit:true">
        <div title="光缆信息" data-options="region: 'north', border: false" style="height: 80px">
        <form>
            <table cellspacing="5">
                <tbody>
                    <tr>
                        <td style="width:60px">光缆编码:</td>
                        <td style="width:28%">{{ gl.bm }}</td>
                        <td style="width:60px">光缆名称:</td>
                        <td style="width:28%">{{ gl.mc }}</td>
                        <td style="width:60px">所属前端:</td>
                        <td style="width:28%">{{ gl.jzbm }}</td>
                    </tr>
                    <tr>
                        <td style="width:60px">光缆级别:</td>
                        <td style="width:28%">{{ gl.jb }}</td>
                        <td style="width:60px">光缆长度:</td>
                        <td style="width:28%">{{ gl.cd }}</td>
                        <td style="width:60px">备注:</td>
                        <td style="width:28%">{{ gl.bz or '' }}</td>
                    </tr>
                </tbody>
            </table>
            </form>
        </div>
        <div title="光缆段信息" data-options="region: 'center', border: false">
            <table class="dg-gld" border="1" cellspacing="0">
                <thead>
                    <tr>
                        <!--
                        <th data-options="field:'ck', checkbox:true"></th>
                        -->
                        <th data-options="field:'id0'">ID</th>
                        <th data-options="field:'bm'">光缆段编码</th>
                        <th data-options="field:'mc'">光缆段名称</th>
                        <th data-options="field:'gldxxs'">芯数</th>
                        <th data-options="field:'qslx'">起始设施</th>
                        <th data-options="field:'qsbm'">起始设施编码</th>
                        <th data-options="field:'zzlx'">终止设施</th>
                        <th data-options="field:'zzbm'">终止设施编码</th>
                        <th data-options="field:'glcd'">长度</th>
                    </tr>
                </thead>
                <tbody>
                    {% for gld in glds %}
                    <tr>
                        <!--
                        <td></td>
                        -->
                        <td>{{ gld.id0 }}</td>
                        <td>{{ gld.bm }}</td>
                        <td>{{ gld.mc }}</td>
                        <td>{{ gld.gldxxs }}</td>
                        <td>{{ gld.qslx }}</td>
                        <td>{{ gld.qsbm }}</td>
                        <td>{{ gld.zzlx }}</td>
                        <td>{{ gld.zzbm }}</td>
                        <td>{{ gld.glcd }}</td>
                        
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

    </div>
</body>
{% endblock %}

